
body{
	height:100%;
	background:#fff;
}
.title-common{
	color:#333;
	text-align:center;
	line-height:20px;
	padding:15px 0;
	font-size:16px;
}


.main {
	background:#fff;
	padding:0 0 20px;
}
.main .goods-list-wrap .title{
	padding:15px 0;
}
.main .goods-list-wrap .title p:first-child{
	font-size:16px;
	padding:0 0 3px;
	font-weight:400;
}
.main .goods-list-wrap .title p+p{
	font-size:14px;
	color:#797979;
}

.main .goods-list{
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding:0 5px;
}
.main .goods-list > div{
	padding:0 5px 15px;
	width:50%;
	box-sizing:border-box;
}
.main .goods-list > div > p:first-child{
  box-sizing:border-box;
  width:100%;
  height: 50vw;
  padding:7px 0;
}
.main .goods-list > div > p:first-child img{
  width:100%;
  height:100%;
  border-radius:4px;  
}
.main .goods-list > div .goods-name{
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;
	padding:3px 0;line-height:1.6;font-size:14px;
}
.main .goods-list > div .price{
	color:#828282;
	padding:0 0 3px;
}
.main .goods-list > div .vip-price{
	font-size:16px;
	color:#f34545;
}
.main .goods-list > div .vip-price img{
    vertical-align: inherit;
    height: 13px;
}
.main .goods-list-wrap .more{
	color:#333;
	text-align:center;
	font-size:14px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	font-weight:400;
	line-height:50px;
}
.main .goods-list-wrap .more a{
	text-decoration:none;
}

.main .member-list{
	border-top:10px solid #f1f2f3;
	/* padding:0 0 10px; */
}
.main .member-list h4.title-1{
	border-bottom:1px solid #f1f2f3;
}
.main .member-list h4.title-1 p+p{
	color:#828282;
	font-size:14px;
}
.main .member-list .flex-layout p{
	flex:1;
}
.main .member-list .flex-layout p img{
	width:100%;
	border-bottom:1px solid #f5f5f5;
}
.main .member-list .title-2{
	background:url(/img/icon_bg_arrwo.png) no-repeat center;
	background-size:93%;
	text-align:center;
	color:#333;
	font-weight:300;
	padding:20px 0;
}
.main .member-list .title-2 span{
	display:inline-block;
	padding:0 10px;
	background:#fff;
}

.main .member-list .vip-list{
	padding:10px 0;
	position:relative;
}
.main .member-list .vip-list:after{
	content:"";
	height:1px;
	background:#fbfbfb;
	position:absolute;
	left:90px;
	right:0;
	bottom:0;
}
.main .member-list .vip-list:last-child:after{
	height:0;
}

.main .member-list .vip-list p:first-child{
	max-width:90px;
	text-align:center;
}
.main .member-list .vip-list p:first-child img{
	width:60px !important;
	height:60px;
	border-radius:50%;
}
.main .member-list .vip-list p:nth-child(2){
	text-overflow: ellipsis; white-space: nowrap; overflow:hidden;
}
.main .member-list .vip-list p:nth-child(3){
	max-width:120px;
	text-align:right;
	padding:0 10px 0 0;
	color:#f34545;
	font-weight:600;
}



.main .serve{
	border-top:10px solid #f1f2f3;
	margin:0 0 35px;
}
.main .serve h4{
	color:#333;
	text-align:center;
	line-height:20px;
	padding:15px 0;
	font-size:16px;
}
.main .serve .flex-layout > div {
	flex:1;
	text-align :center;
	font-size:16px;
}

.main .serve .flex-layout > div img{
	width:60px;
	height:60px;
	border-radius:50%;
	margin-bottom:10px;
}
.main .serve .flex-layout > div p:nth-child(3){
	color:#828282;
	font-size:12px;
	padding-top:3px;
}


.btn-open-vip{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	line-height:48px;
	height:48px;
	width:100%;
	background:#333;
	color:#edd2a5;
	margin:0 !important;
	padding:0;
	font-size:14px;
	opacity:0;
	z-index:-1;
	transition: .3s ease;
	-webkit-transition: .3s ease;
}
.btn-open-vip.fixed{
  opacity: 1;
  transition: .3s ease;
  -webkit-transition: .3s ease; 
  z-index:1;
}

.btn_top-wrap{
  position:relative;
}
.btn_top-wrap button{
  display:inline-block;
  position:absolute;
  bottom:9.5%;
  left:16%;
  right:16%;
  background: transparent;
  width:68%;
}
.btn_top-wrap button img{
  width:100%;
}

.btn-open-vip span{
  position:relative;
}
.btn-open-vip span:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #edd2a5;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -11px;
}













